<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>CD Index - A Web CD Database</title>
<meta name="description" content="A web application to manipulate a CD database built on the Mootools javascript framework and formwriter" />

<link rel="stylesheet" href="css/content.css" type="text/css" />
<link rel="stylesheet" href="css/ui.css" type="text/css" />
  
<!--[if IE]>
  <script type="text/javascript" src="scripts/excanvas-compressed.js"></script>    
<![endif]-->
  
<?php
require '../../FormWriter.php';
FormWriter::include_files('../../');
?>

<!--
  mocha.js.php is for development. It is not recommended for production.
  For production it is recommended that you used a compressed version of either
  the output from mocha.js.php or mocha.js. You could also list the
  necessary source files individually here in the header though that will
  create a lot more http requests than a single concatenated file.
    
<script type="text/javascript" src="scripts/mocha.js"></script>

-->
<script type="text/javascript" src="scripts/source/Utilities/mocha.js.php"></script>

<script type="text/javascript" src="scripts/mocha-init.js"></script>

</head>
<body>

<div id="desktop">

<div id="desktopHeader">
<div id="desktopTitlebarWrapper">
  <div id="desktopTitlebar">
    <h1 class="applicationTitle">CD Index</h1>
    <h2 class="tagline">A Web <span class="taglineEm">CD Database</span></h2>
    <div id="topNav">
      <ul class="menu-right">
        <li>Welcome <a href="#" onclick="MochaUI.notification('TODO');return false;">Demo User</a>.</li>
        <li><a href="#" onclick="MochaUI.notification('TODO');return false;">Sign Out</a></li>
      </ul>
    </div>
  </div>
</div>
  
<div id="desktopNavbar">
  <ul>
    <li><a class="returnFalse" href="">Media</a>  
      <ul>
        <li><a id="addnewLink" href="">Add New</a></li>
        <li><a id="deleteLink" href="">Delete</a></li>
        <li><a id="editLink" href="">Edit</a></li>
        <li class="divider"><a id="findLink" href="">Find</a></li>
        <li><a id="showallLink" href="">Show All</a></li>
      </ul>
    </li>
    <li><a class="returnFalse" href="">Help</a>
      <ul>
        <li><a id="aboutLink" href="pages/about.html">About</a></li>
      </ul>
    </li>
  </ul>  
<div class="toolbox divider2">
  <div id="spinnerWrapper"><div id="spinner"></div></div>    
</div>

<div class="toolbox divider2">
  <img src="images/icons/add.gif" onclick="MochaUI.notification('TODO');" width="16" height="16" alt="Add New" />
  <img src="images/icons/delete.gif" onclick="MochaUI.notification('TODO');" width="16" height="16" alt="Delete" />
  <img src="images/icons/edit.gif" onclick="MochaUI.notification('TODO');" width="16" height="16" alt="Edit" />
  <img src="images/icons/find.gif" onclick="MochaUI.notification('TODO');" width="16" height="16" alt="Find" />
  <img src="images/icons/sheet.gif" onclick="MochaUI.notification('TODO');" width="16" height="16" alt="Show All" />
</div>  
  
</div><!-- desktopNavbar end -->
</div><!-- desktopHeader end -->

<div id="pageWrapper">
  <div id="page">
    <!-- PAGE CONTENT BEGINS HERE -->
    <div id="content">
      <h3>My Page Content</h3>
      <?php
      require 'list.php';
      ?>
    </div>
  </div>
</div>

<div id="desktopFooterWrapper">
  <div id="desktopFooter">
    &copy; 2009 <a target="_blank" href="http://monitor.deis.unical.it/ant/">Antonio Bonifati</a> - GPL3 License
  </div>
</div>

</div><!-- desktop end -->

</body>
</html>
